body {
	font-family: Arial, sans-serif;
	color: #000;
    font-size: 14px;
    font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #f5f9fc;
}
ol, ul {list-style: none}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fdfdfd;
	z-index: 3000;
}
#status {
	width: 200px;
	height: 150px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/general/status-red.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}
/*1-2 STYLE SWITCHER*/
.switcher {
	width: 45px;
	padding: 10px 10px 5px 8px;
	position: fixed;
	z-index: 2000;
	top: 300px;
	background-color: #fff;
	border: 1px solid #ededed;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	color: #fff;
}
.switcher #switch-panel {
	position: absolute;
	right: -40px;
	top: 0;
	width: 40px;
	height: 40px;
	z-index: 1990;
	display: block;
	background-color: #1c1c1a;
	margin-left: 0;
	cursor: pointer;
	text-align: center;
}
.switcher #switch-panel i {
	font-size: 25px;
	line-height: 40px;
	color: #fff;
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
}
 @-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
#switcher .colors-list {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 100%;
}
#switcher .colors-list li {
	float: left;
	display: block;
	margin-bottom: 2px;
	margin-right: 6px;
}
#switcher .colors-list li a {
	display: inline-block;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
#switcher .colors-list a.red {
	background-color: #e74c3c; 
}
#switcher .colors-list a.green {
	background-color: #3fc997;
}
#switcher .colors-list a.purple {
	background-color: #9b4c86;
}
#switcher .colors-list a.blue {
	background-color: #1c1c1a;
}
/*1-3 GO TO TOP*/
.img-left {
float:left;
}
.img-left img{
width:135px;
height:101px;
border:0;
margin-top:5px;
margin-right:10px;
margin-bottom: 8px;
}
.n-right {
float:right;
}

#scrollUp {
	background-color: #1c1c1a;
	background-image: url("../images/general/top-red.png");
	bottom: 20px;
	right: 20px;
	width: 38px;
	height: 38px;
}
/*1-4 ANY TOPIC TITLE*/
.main-title-outer {
    border-bottom: 2px solid #d6d5d5;
    width: 100%;
    background: #E1E1E1;
    height: 30px;
    padding: 0 6px 0 0;
    position: relative;
}
.listright .main-title{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 326px;
}
.listright .main-title a:hover{
    color:#444;
}
.main-title {
    position: relative;
    z-index: 1;
    float: left;
    text-align: center;
    border-bottom: none;
    padding: 2px 10px 0 10px;
    font-size: 11px;
    font-weight: bold;
    text-transform: capitalize;
    text-align: left;
    color: #fff;
    line-height: 28px;
    background: #307abd;
}
    .main-title a {
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
    }
.main-title a:hover{
	color: #f5e61d;
}

.pagination {
	display: block;
	text-align: center;
}
.pagination li a, .pagination li span {
	border: 1px solid #ededed !important;
}
.pagination li a:hover, .pagination li span:hover, .pagination li a:focus, .pagination li span:focus {
	background: #ededed;
	border: 1px solid #ededed;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background: #e1e1e1;
    color: #111;
    border: 1px solid #d8d8d8 !important;
}
.pagination > li > a, .pagination > li > span {
	color: #0060A6;
}

.breadcrumb {
	background: none;
	font-size: 13px;
	float: right;
	padding: 12px 0 10px 15px;
	text-transform: capitalize;
}
.breadcrumb .active {
	color: #1c1c1a;
}
.breadcrumb > li + li:before {
	color: #78899b;
	content: "\f152";
	font-family: "ionicons";
}

.sub-info {
	font-size: 12px;
}
.sub-info-bordered {
	font-size: 12px;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding: 8px 0;
	margin-bottom: 10px;
}
.sub-info-bordered div {
	display: inline-block;
}
.sub-info-bordered .stars {
	float: right;
}
.sub-info-bordered a {
	color: #1c1c1a;
}
.sub-info-bordered a:hover {
	text-decoration: underline;
}
.last-update {
	font-size: 12px;
	line-height: 20px;
}
.time {
	padding-right: 10px;
	display: inline-block;
}
.author {
	padding-right: 10px;
	display: inline-block;
}
.comments {
	display: inline-block;
}
.stars {
	font-size: 14px;
	color: #1c1c1a;
}

.mfp-zoom-in {
}
.mfp-zoom-in .mfp-with-anim {
	opacity: 0;
	transition: all 0.2s ease-in-out;
	transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
	transform: scale(0.8);
	opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}
.white-popup {
	position: relative;
	background: #fff;
	padding: 25px;
	width: auto;
	max-width: 400px;
	margin: 0 auto;
}
.mfp-close-btn-in .mfp-close {
	color: #1c1c1a;
}

a {
	color: #333;
}
.content a {
	color: #337ab7;
}
a:hover, a:focus {
	color: #1791ea;
	text-decoration: none;
	outline: none;
}
a:hover img {
	border: 0;
	opacity: 0.85;
}
p {
	 color: #333;
     margin-bottom: 3px; 

}
.moinhat .overlay-info p
{
     margin-bottom: 0; 
    background: #ddd;
    padding-right: 12px;
}

h1 {
	font-size: 1.8em;
	color: #111;
	font-weight: bold;
	line-height: 22px;
}
h2 {
	font-size: 16px;
	color: #111;
	font-weight: bold;
}
h3 {
    color: #111;
    font-weight: 600;
    line-height: 20px;
    font-size: 1.1em;
}
h4 {
	color: #111;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}
h5 {
	color: #111;
	font-size: 12px;
	font-weight: 500;
}
h6 {
	color: #111;
	font-size: 12px;
	font-weight: 500;
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.2;
}
h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 2px;
	margin-bottom: 5px;
}
a:hover h3, a:hover h2 {
	color: #1c1c1a;
}
/*2-3 MISC */
* {
	border-radius: 0;
}
*:focus {
	outline: none;
}

.container-body {
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px;
    max-width: 1150px;
}
.container2 {
    padding: 5px 10px;
    background:#fff;
}
.bar-head {
    border-bottom: 1px solid #f7f0e4;
    background: #f7e799;
    padding: 5px 0 0 10px;
    text-transform: uppercase;
    color: #e60633;
    font-weight: 600;
}
mark {
	background: #1c1c1a;
	color: #fff;
}
br {
	margin: 5px 0;
}
hr {
	border-top: 1px solid #ededed;
        margin: 10px 0;
}
blockquote {
	border-color: #1c1c1a;
}
blockquote p {
	color: #1c1c1a;
}
.img-thumbnail {
	background-color: #f8f8f8;
	border: 0;padding: 2px;
}
    .img-thumbnail.kieu2 {
    max-height:125px;
    margin: 10px 0 5px 0;
    }
    .img-thumbnail.kieu3 {
      height: 130px;
    width: 100%;
    }
    h4.kieu3 {
    height: 56px;
    overflow: hidden;
    margin-top: 6px;
    font-weight: 600;
    line-height: 20px;
}
    h4.kieu11 {
    height: 40px;
    overflow: hidden;
    margin-top: 6px;
    font-weight: 600;
    line-height: 20px;
}
    h4.kieu21 {
    height: 60px;
    overflow: hidden;
    margin-top: 6px;
    font-weight: 600;
    line-height: 20px;
}
    .img-thumbnail.moinhat2 {
    height:140px;
    }

.text-danger {
	color: #908082;
}
.icon {
	padding-right: 4px;
}
.top-margin {
	margin-top: 0;
}
.bordered {
	/*border: 1px solid #ededed;*/
	padding: 0 5px 0 5px;
}
.sec-topic {
	margin-bottom: 20px;
	padding-right: 15px;
}
.right-sec .main-title {
	font-size: 14px;
}
.right-sec .list-inline li {
	margin-bottom: 5px;
}
.blue {
	background: #0060A6;
	color: #fff;
}
.hot-news2 {
border-bottom:1px solid #ddd;
    margin: 0;
    padding: 3px 0;
    max-height: 47px;
    min-height:32px;
    overflow: hidden;
}

p.hot-news2:last-child {
border-bottom:0;
}

p.hot-news2:first-child {
padding-top:0;
}

.main-content {
padding:0 0 5px 0;
}
td {
  padding: 3px;
}
.content {
    padding:5px 25px 10px 0;
    text-align: justify;
        font-size:14px !important;
}
.pageview {
margin: 10px 0;
    font-size: 16px;
    display: block;
}
.pageview td a{
  padding: 5px 10px;
  border: 1px solid #808080;
  margin: 10px 5px;
}
.pageview td {
  border: 1px solid #fff;
}
.pageview td span{
  padding: 5px 10px;
  border: 1px solid #ddd;
  margin: 10px 5px;
}
.head-phai {
       /* border-bottom-left-radius: 10px !important; */
    /* border-top-left-radius: 10px !important; */
    width: auto;
    float: right;   max-height: 180px;
    /*border: 3px solid #fff;
    
    border-radius: 50% !important;*/
}

.cate-content{
    padding-top:0;
    padding-bottom: 10px;
}
.cate-content{
    max-height: 435px;
    overflow: hidden;
    padding: 0 2px 10px 3px;
    background: #ebece0;
}
.cate-content:hover{right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;}
.cate-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}

.cate-content::-webkit-scrollbar
{
	width: 3px;
}

.cate-content::-webkit-scrollbar-thumb
{
	background-color: #d00202;
    border-radius:10px;
}

.tab-content .cate-content{
    max-height: 380px;
    overflow: hidden;
    padding: 0 10px 10px;
    background: #fff;
}
.tab-content .cate-content:hover{right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;}
.tab-content .cate-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}

.tab-content .cate-content::-webkit-scrollbar
{
	width: 3px;
}
.nongnhat {
 max-height: 470px;
    overflow: hidden;
    padding: 0 5px 5px;
    background: #fff;
}
.nongnhat:hover{right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;}
.nongnhat::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
}
.nongnhat::-webkit-scrollbar
{
	width: 3px;
}
.taive {
    border: 1px solid #e497a1;
    padding: 6px 15px;
    background: #fbfdbb;
    margin-top: 20px;
    display: block;
}
.nongnhat2 {
text-align:justify;
}
.nongnhat h4
 {
    padding: 6px 3px;
    border-bottom: 1px dashed #ddd;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 1px;
}

.nongnhat h4 a,
.moinhat h4 a {
    /*padding-left: 5px;*/
    font-weight: 600;
    font-size: 12px;
}

/*.nongnhat h4:before,
.moinhat h4:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 4px;
    height: 4px;
    background: #d71921;
    bottom: 2px;
    left: 0;
}*/
.nongnhat2 h4
 {
    padding:3px 0;
    border-bottom:1px dashed #ddd;
    line-height:20px;
        margin-top: 0;
}
.nongnhat2 h4:last-child
 {
    border-bottom:0;
}
.nongnhat2 h4 a,
.moinhat h4 a {
    padding-left: 5px;
    font-weight: 500;
    font-size: 12px;
}

.nongnhat2 h4:before,
.moinhat h4:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 4px;
    height: 4px;
    background: #d71921;
    /* top: 5px; */
    bottom: 2px;
    left: 0;
}

ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.topnav li {float: left;padding-top: 3px;}
ul.topnav li:before {
   content: '';
    display: inline-block;
    position: relative;
    width: 4px;
    height: 4px;
    background: #d71921;
    bottom: 2px;
    left: 5px;
}

ul.topnav li a {
    display: inline-block;
    color: #bd0000;
    text-align: center;
    padding: 10px 3px 0 8px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 11px;
    /* text-transform: uppercase; */
    font-weight: 500;
}

ul.topnav li a:hover {color:red;}

ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {
    ul.topnav li:not(:first-child) {
        display: none;
    }
     ul.topnav li:before {
    display: none;
}
    ul.topnav li.icon {
        float: right;
        display: inline-block;
    }

    ul.topnav.responsive {
        position: relative;
        background: #eee;
    }

        ul.topnav.responsive li.icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        ul.topnav.responsive li {
            float: none;
            display: inline;
        }

            ul.topnav.responsive li a {
                display: block;
                text-align: left;
                padding-right: 30px;
            }

            ul.topnav.responsive li.icon a {
                padding-right: 6px;
            }
}
/*------------------------------------*\
    3-LAYOUT
\*------------------------------------*/

/*3-1 GRID */

.row {
	margin-left: -5px;
	margin-right: -5px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16 {
	padding-left: 5px;
	padding-right: 5px;
}
/*3-2 PAGE HEADER */
.page-header {
	margin-top: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ededed;
}
.page-header small {
	padding-left: 5px;
	font-size: 14px;
	text-transform: none;
	color: #78899b;
}
.page-header h1 {
	display: inline-block;
}
/*------------------------------------*\
    4-HEADER
\*------------------------------------*/

/*4-1 HEADER TOOLBAR */
.header-toolbar {
	    font-size: 11px;
    font-weight: 600;
    color: #fff;
    border-bottom: 1px solid #f18d8b;
        padding-top: 5px;
    padding-bottom: 1px;
    background: #e33a3c;
}
.header-toolbar a {
	color: #eee;
}
.header-toolbar a:hover {
	color: red;
}
.header-toolbar ul.list-inline {
	margin-bottom: 0;
    float:right;
}
.header-toolbar ul.list-inline li {
	padding-right: 6px;
	padding-left: 6px;
}
/*4-2 TIME & DATE*/
#time-date {
	text-align: left;
}
/*4-3 WEATHER*/
.list-inline a:hover img {
border:0;
}

@font-face {
	font-family: 'weather';
	src: url('../fonts/artill_clean_icons-webfont.html');
	src: url('../fonts/artill_clean_icons-webfontd41d.html?#iefix') format('embedded-opentype'), url('../fonts/artill_clean_icons-webfont-2.html') format('woff'), url('../fonts/artill_clean_icons-webfont.ttf') format('truetype'), url('../fonts/artill_clean_icons-webfont-3.html#artill_clean_weather_iconsRg') format('svg');
	font-weight: normal;
	font-style: normal;
}
#weather {
	text-transform: uppercase;
	text-align: left;padding-top: 1px;
}
#weather i {
	    color: #fff;
    font-family: weather;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    line-height: 6px;
}
.icon-0:before {
	content: ":";
}
.icon-1:before {
	content: "p";
}
.icon-2:before {
	content: "S";
}
.icon-3:before {
	content: "Q";
}
.icon-4:before {
	content: "S";
}
.icon-5:before {
	content: "W";
}
.icon-6:before {
	content: "W";
}
.icon-7:before {
	content: "W";
}
.icon-8:before {
	content: "W";
}
.icon-9:before {
	content: "I";
}
.icon-10:before {
	content: "W";
}
.icon-11:before {
	content: "I";
}
.icon-12:before {
	content: "I";
}
.icon-13:before {
	content: "I";
}
.icon-14:before {
	content: "I";
}
.icon-15:before {
	content: "W";
}
.icon-16:before {
	content: "I";
}
.icon-17:before {
	content: "W";
}
.icon-18:before {
	content: "U";
}
.icon-19:before {
	content: "Z";
}
.icon-20:before {
	content: "Z";
}
.icon-21:before {
	content: "Z";
}
.icon-22:before {
	content: "Z";
}
.icon-23:before {
	content: "Z";
}
.icon-24:before {
	content: "E";
}
.icon-25:before {
	content: "E";
}
.icon-26:before {
	content: "3";
}
.icon-27:before {
	content: "a";
}
.icon-28:before {
	content: "A";
}
.icon-29:before {
	content: "a";
}
.icon-30:before {
	content: "A";
}
.icon-31:before {
	content: "6";
}
.icon-32:before {
	content: "1";
}
.icon-33:before {
	content: "6";
}
.icon-34:before {
	content: "1";
}
.icon-35:before {
	content: "W";
}
.icon-36:before {
	content: "1";
}
.icon-37:before {
	content: "S";
}
.icon-38:before {
	content: "S";
}
.icon-39:before {
	content: "S";
}
.icon-40:before {
	content: "M";
}
.icon-41:before {
	content: "W";
}
.icon-42:before {
	content: "I";
}
.icon-43:before {
	content: "W";
}
.icon-44:before {
	content: "a";
}
.icon-45:before {
	content: "S";
}
.icon-46:before {
	content: "U";
}
.icon-47:before {
	content: "S";
}
#weather h2 {
	color: #0060A6;
	font-size: 14px;
}
/*4-4 SITE LOGO*/
.header {
	padding-top: 0;
	padding-bottom: 0;
    /*background: url('../images/bg.jpg') no-repeat top left;*/
    overflow: hidden;
}
header img {
  width:100%;
  max-width:100%;
}

.navbar-brand {
	width: auto;
    height: auto;
    /* text-indent: 100%; */
    /* white-space: nowrap; */
    overflow: hidden;
    /* background: url(../images/bg.jpg) no-repeat top right; */
    /* background-size: 100%; */
    /* padding: 0; */
    max-height: 180px;
    float: left;
    padding-top: 30px;
}
.navbar-brand img{
	    width: auto;
    border: 0;
    margin: 0 auto;
    display: block;
    max-height: 110px;
}
.b-trai {
   padding-bottom: 5px;
    /*max-height: 78px !important;*/
    /* padding-top: 10px !Important; */
    display: block;
    margin: 0 auto;
    /* text-align: center; */
}
.b-phai {
    max-height: 180px;
    width: auto;
    float: right;
}
.logo-cd {
/*-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);*/
    height: 100px;
    padding-left: 25px;
    /*    padding-top: 5px;*/
}

.navbar-brand img:hover{
	border: 0;
}

.nguontin a{
color:red;
}
.baikhac h3 {
   text-transform: uppercase;
    /* text-decoration: underline; */
    border-bottom: 1px solid #afafaf;
    padding-top: 5px;
}
.baikhac h4 {
   padding:4px 0;
   font-weight:400;
}

.boxes {
  margin-bottom: 15px;
  padding:5px;
}
.boxes h3{
  height:32px;
  overflow:hidden;
  font-weight:500;
  margin-bottom: 5px;
}
.content .boxes img{
  height:195px;
  overflow:hidden;
}


.new-right {
    height: 72px;
    overflow: hidden;
    margin-bottom: 5px;
}
h4.new-right {
    height: auto;
    overflow: hidden;
    margin-bottom: 0;
    font-weight: 600;
    max-height: 55px;
}
h4.kieu1 {
    height: 40px;
    overflow: hidden;
    margin-top: 8px;
    font-weight: 600;
    line-height: 20px;
}

.new-right span {
    font-size: 11px;
    color: Gray;
    }
.new-right2 {
    margin-bottom:0;
    padding:4px 0;
}
.new-right2:hover {
    color:red;
}

/*------------------------------------*\
    5-NAVIGATION
\*------------------------------------*/

/*5-1 PARENT NAVIGATION*/
.sticky-header {
	/*background: #e3383a;*/
}
.navbar-fixed-top {
	top: -60px;
	transition: top 800ms ease 0s;
}
.show-2 {
	transition: bottom 800ms ease 0s;
}
.show {
	/*top: 0;*/
}
.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
.navbar {
	margin-bottom: 0;
        min-height: 30px;
}
.navbar-inverse {
	    /*background-color: #b17f30;*/
    border-top: none;
    border-bottom: 0;
    border-right: none;
    border-left: none;
    height: 35px;
    z-index: 9;
    padding: 0 10px;
}
.navbar-inverse .navbar-nav li:first-child a {
	padding-left: 0;
}
    .navbar-inverse .navbar-nav li a {
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        padding: 9px 15px 6px 15px;
        text-transform: uppercase;
    }
/*.navbar-inverse .navbar-nav li a:hover {
	color: #A2EFE8;
}*/
.navbar-inverse .navbar-nav .open a, .navbar-inverse .navbar-nav .open a:hover, .navbar-inverse .navbar-nav .open a:focus {
	color: #CFE3F7;
	background: none;
}
    .navbar-inverse .navbar-nav li a, .navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:focus {
        border-right: 2px solid #184669;
    }
.navbar-inverse .navbar-nav li:last-child a {
	border-right: none;
}
.navbar-inverse .navbar-nav li.active a, .navbar-inverse .navbar-nav li.active a:hover, .navbar-inverse .navbar-nav li.active a:focus {
	background: none;
	color: #A2EFE8;
}
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	border: none;
	background: none;
	float: left;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fce075;
}
/*5-2 CHILD NAVIGATION*/
.navbar-inverse .dropdown-menu {
	background: #968745;
	border: none;
    min-width: 240px;
}
.navbar-inverse .dropdown-menu li a {
	color: #fff !important;
    font-weight: 600;
    border-right: none;
    padding: 6px 10px;
    font-size: 13px;
    text-transform: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 280px;
}
.navbar-inverse .dropdown-menu li a:hover, .navbar-inverse .dropdown-menu li a:focus {
	/*background-color: #75641d !important;*/
    color: #fff !important;
	border-right: none !important;
        /*padding-right: 12px;*/
}
.navbar-inverse .dropdown-menu li:first-child a {
            width: 100%;
    display: block;
        padding-left: 12px;
}
.dropdown-menu > li > a {
	color: #fff;
}
.nav-icn {
	margin-left: 5px;
}
.nav-sub-icn {
	margin-right: 5px;
}
.mega-menu {
	min-width: 460px;
    padding: 15px 0 0 0;
    width: 100%;
    font-size: 12px;
}
.mega-sub {
	list-style: none;
	padding: 0;
	border-right: 1px solid #147ac5;
	margin-right: 10px;
	min-height: 150px;
}
.mega-sub li a{
	padding:5px 10px;
}
.mega-sub:last-child {
	border-right:none;
}
.mau{
   color:#dbb009 !important;
}

.mega-sub a {
	display: block;
	padding: 10px;
}
.mega-sub-topics {
	padding-right: 20px;
}
.mega-sub-topics h4 {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 5px 0;
}
.mega-sub-topics a {
	padding: 0 !important;
}
.mega-sub-topics a:hover img {
	opacity: 1;
}
.badge {
	background-color: #0060A6;
}

/*.sub-menu {
 left: 0px; top: -1000px; visibility: hidden; height: 81px; width: 0px; overflow: hidden; opacity: 0;
 position: absolute;
}
ul.menu-sub {
    display: none;
    position: relative;
}*/
/*.dropdown-menu > li:hover ul.sub-menu {
    display: block;
    z-index: 90;
}*/
.dropdown-submenu {
    position:relative;
    height: 38px;
    /*padding-right: 12px;*/
}

ul.menu-sub {
    display: none;
    position: relative;
    margin:0;
    padding:0;
}
ul.menu-sub li {
    list-style: none;
    margin:0;
    padding:0;
    height: 35px;
}
.dropdown-submenu>.menu-sub {
    top: 0;
    left: 100%;
    margin-top: -33px;
    margin-left: 0;
    background: #968745;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.menu-sub {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    /*margin-right:-10px;*/
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
/*.dropdown-submenu li {
    padding-right:12px;
}*/
.dropdown-submenu:hover>.menu-sub li a {
    padding: 12px;
    /*padding-left: 12px;
    padding-right: 12px;*/
    display: block;
}

.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.menu-sub {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
/*------------------------------------*\
    6-SEARCH
\*------------------------------------*/
.nav-search-outer {
	margin-bottom: 0;
    /*border-bottom:1px solid #ddd;*/
}
.search-container {
	background-color: #d83505;
    position: absolute;
    max-width: 400px;
    /* float: right; */
    right: 0;
    top: 36px;
}
.search-container input {
	    background-color: #f1f1ef;
    border: none;
    color: #111;
    padding: 3px 6px;
    font-size: 16px !important;
    width: 100%;
}
.bottom-head {
    height: 36px;
    padding: 4px 10px 0 10px;
    font-size: 13px;
    background: #e1e1e1;
}
::-webkit-input-placeholder {
 color: #78899b;
 opacity: 1 !important;
}

:-moz-placeholder { /* Firefox 18- */
 color: #78899b;
 opacity: 1 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #78899b;
 opacity: 1 !important;
}

:-ms-input-placeholder {
 color: #78899b;
 opacity: 1 !important;
}
.toggle-search {
	    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    /*background: #DE1937;*/
    margin-top: 3px;
    /* height: 39px; */
    padding: 0 2px;
    /* line-height: 55px; */
    text-align: center;
    font-size: 24px;
}
}
.toggle-search:hover, .toggle-search:focus {
	color: #fff;
}
.btn-search {
        color: white;
    padding: 5px 1px;
    margin-top: 5px;
    display: block;
    font-size: 1em;
    white-space: nowrap;
}
.btn-search:hover {
    color: white;
}
/*.responsive-16by9 {
    padding-bottom: 66.25%;
}*/
/*------------------------------------*\
    7-HOT NEWS
\*------------------------------------*/
.hot-news {
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	margin-bottom: 2px;
}
.icon-news {
	font-size: 30px;
	margin-right: 10px;
	/*background: #1c1c1a;*/
	color: #e40606;
	padding: 0;
}
.shuffle span {
	font-size: 20px;
	display: inline-block;
}
.shuffle a span {
	color: #0060A6;
}
.shuffle a:hover span {
	color: #1c1c1a;
}
.ticker-wrapper.has-js {
	height: 32px;
	display: block;
	max-width: 1000px;
	font-size: 13px;
    /*padding-top:10px;*/
}
.ticker {
	width: 600px;
	height: 32px;
	display: block;
	position: relative;
	overflow: hidden;
	left: -16px;
}
.ticker-title {
	display: none;
}
.ticker-content {
	margin: 0px;
	position: absolute;
	color: #1c1c1a;
	font-weight: bold;
	background-color: #fff;
	overflow: hidden;
	white-space: nowrap;
	line-height: 32px;
}
/*.ticker-content:focus {
none;
}*/
.ticker-content a {
	text-decoration: none;
	color: #1c1c1a;
}
.ticker-content a:hover {
	text-decoration: none;
	color: #0060A6;
}
.ticker-swipe {
	padding-top: 16px;
	position: absolute;
	top: 0px;
	background-color: #fff;
	display: block;
	width: 800px;
	height: 32px;
}
.ticker-swipe span {
	margin-left: 1px;
	background-color: #fff;
	border-bottom: 1px solid #1c1c1a;
	height: 12px;
	width: 7px;
	display: block;
}
.js-hidden {
	display: none;
}
.no-js-news {
	padding: 10px 0px 0px 10px;
	color: #F8F0DB;
}
.left .ticker-swipe {
	left: 80px;
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
	float: left;
}
.left .ticker-controls {
	padding-left: 0;
}
.right .ticker-swipe { /*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
	float: right;
}
.right .ticker-controls {
	padding-right: 6px;
}

.sLink {
text-transform:uppercase;
}
.sLink a{
    color:#394352;
    font-size:12px;
    display: inline-block;
    padding: 3px 0;
}
.sLink .link1{
	color:red;
	font-weight:600;
	font-size:18px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.sLink :hover{
	color:#486581;
}

/*------------------------------------*\
    8-BANNER AND OWL CAROUSEL
\*------------------------------------*/

/*8-1 OWL CAROUSEL PROGRESS BAR*/
#bar {
	width: 0%;
	max-width: 100%;
	height: 3px;
	background: #f7dddd;
	position: absolute;
	z-index: 100;
	bottom: 0;
}
#progressBar {
	width: 100%;
	background: transparent;
}
/*8-2 OWL CAROUSEL CONTROLS*/
.owl-prev, .owl-next {
	position: absolute;
	display: block;
	height: 36px;
	width: 32px;
	line-height: 52px;
	font-size: 0;
	cursor: pointer;
	background: rgba(241, 113, 82, 0.59);
	color: transparent;
	top: 50%;
	margin-top: -10px;
	padding: 0;
	border: none;
	outline: none;
}
.owl-prev:hover, .owl-prev:focus, .owl-next:hover, .owl-next:focus {
	outline: none;
	background: rgba(48, 128, 160, 0.8);
	color: transparent;
}
.owl-prev:hover:before, .owl-prev:focus:before, .owl-next:hover:before, .owl-next:focus:before {
}
.owl-prev.owl-disabled:before, .owl-next.owl-disabled:before {
}
.owl-prev:before, .owl-next:before {
	font-family: "ionicons";
	font-size: 22px;
	line-height: 1;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.owl-prev {
	left: 0;
}
.owl-prev:before {
	content: "\f153";
}
.owl-next {
	right: 0;
}
.owl-next:before {
	content: "\f154";
}
.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
        opacity: 1;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 5px;
	margin: 5px 4px;
	background: #0060A6;
}
.owl-theme .owl-controls .owl-page span:hover {
	background: #78899b;
}
.owl-theme .active span {
	background: #1c1c1a !important;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
/* preloading images */
.owl-item.loading {
	min-height: 150px;
	background: url(AjaxLoader.html) no-repeat center center
}
.media, .media .media {
	border-bottom: none;
}
/*8-3 OVERLAY ON IMAGES*/
.page-title {
	padding: 5px 10px;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.page-title h2{
font-size:18px;
}
.page-title h1 {
margin:10px 0;
border-bottom:1px solid #486581;
}
.ngaycn {
color:#78899b;
font-size:12px;
}
.errors {
        color: red;
        visibility: visible;
        font-size: 12px;
        bottom: 15px;
        right: 25px;
        position: absolute;
        font-weight: 400;
    }
    .errors4 {
        color: red;
        visibility: visible;
        font-size: 14px;
        bottom: 5px;
        right: 25px;
        position: absolute;
        font-weight: 400;
    }

    .errors2 {
        color: red;
        visibility: visible;
        font-size: 12px;
            bottom: 10px;
    left: 100px;
        position: absolute;
        font-weight: 400;
    }

    .errors3 {
        color: red;
        visibility: visible;
        font-size: 12px;
        bottom: 142px;
        left: 25px;
        position: absolute;
        font-weight: 400;
    }
    .errors21 {
    color: red;
    visibility: visible;
    /* font-size: 12px; */
    font-size: 12px;
    bottom: 5px;
    position: absolute;
    font-weight: 400;
    right: 5px;
    z-index: 999;
}
    img.inner {
    margin: 5px 20px 30px 0;
}
.pp {
min-height: 40px;
}
.ss {
    float: right;
    position: relative;
    bottom: 10px;
    right: 20px;
}
.tag.label {
    display: inline;
    padding: .2em .6em .3em;
    /* font-size: 75%; */
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-right: 2px;
    font-size: 13px;
}
.content img {
	margin: 0 auto !important;
	display:block;
	border:0;
	max-width:100%;
	margin:10px;
    height:auto !important;
}
.img-content {
width:100%;
display:block;
padding:5px 0 15px 0;
}

.adver .img-responsive
{
padding-left:6px;
}


.box {
	position: relative;
    overflow: hidden;
    /*padding: 3px 12px 0 0;*/
    /*margin-top: 20px;
    max-height: 240px;*/
    /* margin-bottom: 30px; */
    /*overflow: hidden;*/
}
.box2 {
	    position: relative;
    overflow: hidden;
    margin-top: 20px;
    /*max-height: 240px;*/
    /* margin-bottom: 30px; */
}
/*#sync1 .box {
    max-height:344px;
}*/
#sync2 .item {
    max-height:80px;
}
.box img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	image-rendering: optimizequality;
	width: 100%;
        /*max-width: 275px;*/
}
.box:hover img {
	-webkit-transform: scale(1.05); /* Safari and Chrome */
	-moz-transform: scale(1.05); /* Firefox */
	-ms-transform: scale(1.05); /* IE 9 */
	-o-transform: scale(1.05); /* Opera */
	transform: scale(1.05); /*rotate(3deg)*/
	display: inline-block;
	line-height: 0;
}
.box2 img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	image-rendering: optimizequality;
        max-width: 275px;
        height:195px;
}
.box2:hover img {
	line-height: 0;
}
.box2:hover .overlay {
	opacity: 0.5;
}
.box2:hover .overlay-info {
	opacity: 1;
}
.box2 img.inner {
    margin: 5px 20px 10px 0;
}
.box2 h3 {
    font-size: 14px;
    color: #0060A6;
    font-weight: 600;
    margin: 0 0 10px 0;
    padding: 0;
    height: 46px;
    overflow: hidden;
    text-align: center;
}
.match-height {
	max-height: 434px;
	overflow: hidden;
}
.overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background: #0060A6;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	width: 100%;
	height: 100%;
}

.overlay-info {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	width: 100%;
	height: 100%;
}
.box:hover .overlay {
	opacity: 0.5;
}
.box:hover .overlay-info {
	opacity: 1;
}
.short-desc {
position:relative;

}
.cat {
	position: absolute;
	text-transform: capitalize;
	left: 15px;
	top: 0;
	padding: 0;
	margin: 0;
	z-index: 10;
	width: auto;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 12px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.banner-outer-thumb .cat {
	top: 15px;
	opacity: 1;
}
.cat-data span {
	width: 36px;
    height: 36px;
    text-align: center;
    color: #e60633;
    line-height: 36px;
    font-weight: 600;
    font-size: 22px;
    background: #f89800;
    display: inline-block;
    margin-right: 5px;
    float: left;
}
.box:hover .cat {
	top: 15px;
	opacity: 1;
}
.info {
	display: block;
	position: absolute;
	left: 15px;
	bottom: 0;
	z-index: 100;
	text-align: center;
	color: #fff;
	height: 26px;
	line-height: 36px;
	font-weight: normal;
	font-size: 12px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.banner-outer-thumb .info {
	bottom: 10px;
	opacity: 1;
}
.info span {
	font-size: 12px;
	display: inline-block;
	padding: 0 5px 0 10px;
}
.info span:first-child {
	padding-left: 0;
}
.box:hover .info {
	bottom: 10px;
	opacity: 1;
}
.banner-outer-thumb {
	padding-bottom: 15px;
}
.carousel-caption {
        /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    z-index: 10;
    padding: 6px;
    color: #111;
     text-align: left; 
    text-shadow: none;
    line-height: 18px;
    /* text-shadow: 1px 1px #cec8bf; */
    /* height: 45px; */
    font-size: 14px;
    font-weight: 500;
    /* background: rgba(249, 235, 212, 0.75); */
    overflow: hidden;
    position: initial;
    max-height:125px;
}
    .carousel-caption h3 {
        color: #094e82;
        font-size: 16px;
    }
.banner-outer-thumb .carousel-caption {
	position: absolute;
	left: 15px;
	right: 8%;
	bottom: 10px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 30px;
	color: #ffffff;
	text-align: left;
	text-shadow: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	opacity: 0;
}
.banner-outer-thumb a p, .banner-oute-thumbr a:hover p {
	color: #fff;
}
.banner-outer-thumb .box:hover .carousel-caption {
	opacity: 1;
}
.banner-outer-thumb .item {
	margin: 0 5px;
	padding: 4px;
	background-color: #f8f8f8;
	border: 1px solid #ededed;
}
.banner-outer .carousel-caption {
	    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 5px 10px;
    /* padding-bottom: 10px; */
    color: #000;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    background: rgba(255, 255, 255, 0.73);
    text-shadow: 1px 1px #c1c1c1;
}
.banner-outer a p, .banner-outer a:hover p {
	color: #fff;
}
.right-img-top {
	margin-bottom: 10px;
	overflow: hidden;
	height: 212px;
}
.right-img-top .box {
	height: 212px;
}
.right-img-btm {
	overflow: hidden;
	height: 212px;
}
.right-img-btm .box {
	height: 212px;
}
/*8-4 OWL CAROUSEL SYNC*/
#sync2 .item {
	margin: 0 5px;
	cursor: pointer;
}
#sync2 .owl-wrapper-outer {
}
#sync2 .synced .item {
	border: 2px solid #1c1c1a;
}
/*------------------------------------*\
    9-LEFT COLUMN
\*------------------------------------*/

/*9-1 BUSINESS SECTION*/
ul.menu-chucnang li {
    padding:5px;
}
ul.menu-chucnang li a{
    font-size:16px;
    color:#0060A6;
}
ul.menu-chucnang li a:hover{
    color:red;
}

.business {
	padding-top: 10px;
	padding-bottom: 10px;
}
.list-unstyled li a img {
	margin-right: 10px;
	width: 100%;
}
img.kieu1 {
    height: 55px;
    width:80px;
    float:left;
    margin: 8px 6px 5px 0;
}

.list-unstyled li {
	border-bottom: 1px solid #e4e4e4;
    padding: 15px 0px;
}
.list-unstyled li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 5px;
}
.list-unstyled li a:hover h4 {
	color: #1c1c1a;
}
.list-unstyled li a:hover .img-thumbnail {
	border: 0;
}
#vid-thumbs .owl-controls {
	margin-top: 10px;
	text-align: right;
}
.vid-box {
	position: relative;
	width: 100%;
	height: 100%;
    color: #222;
}
.vid-thumb img {
	margin-bottom: 6px;
}
.vid-box span {
	width: 36px;
	height: 36px;
	background-color: #0060A6;
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	position: absolute;
	opacity: 1;
	z-index: 100;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%)
}
.vid-thumb:hover span {
	background-color: #1c1c1a;
}
/*9-2 SCIENCE AND TRAVEL*/
.left-bordered {
	border-left: 1px solid #ededed;
}
/*9-3 LIFE STYLE*/
.lifestyle img {
	margin-bottom: 1px;
    height: auto;
    /*max-height:119px;*/
    width: 300px;
}
.tapchi img {
    margin-bottom: 1px;
    height: auto;
    /* max-height: 119px; */
    width: auto;
}
.lifestyle .item {
	margin: 0 5px;
}
.lifestyle .owl-prev, .lifestyle .owl-next {
	margin-top: -20px;
}
.lifestyle .owl-prev {
	left: 5px;
}
.lifestyle .owl-next {
	right: 5px;
}
.lifestyle .owl-item {
}

.bt-spac h4 {
  height:46px;
  overflow:hidden;
}
/*9-4 RECENT VIDEOS*/
.recent-vid-thumb-outer .vid-box {
	position: relative;
}
.recent-vid-thumb-outer .vid-thumb img {
	margin-bottom: 10px;
}
.recent-vid-thumb-outer .vid-box span {
	width: 36px;
	height: 36px;
	background-color: #0060A6;
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	position: absolute;
	opacity: 1;
	z-index: 100;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	visibility: hidden;
}
.recent-vid-thumb-outer .vid-thumb:hover span {
	background-color: #1c1c1a;
	visibility: visible;
}
.recent-vid .nav-tabs {
	border-bottom: none;
}
.recent-vid .nav-tabs li {
	float: none;
}
.recent-vid .nav-tabs li a {
	background-color: transparent;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	padding: 0;
	margin-bottom: 6px;
}
.recent-vid .nav-tabs li:last-child a {
	margin-bottom: 0;
}
.recent-vid .nav-tabs li a span {
	display: none;
}
.recent-vid .nav-tabs li a:hover {
	background-color: transparent;
}
.recent-vid .nav-tabs li a:hover span {
	display: inline;
}
.recent-vid .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
	background-color: transparent !important;
	color: #fff;
	border: none;
}
.recent-vid .nav-tabs li.active a span {
	display: none;
}
.recent-vid .tab-content {
	padding: 0;
}
.recent-vid .nav-tabs {
	border-bottom: none;
}
.recent-vid .nav-tabs li a {
	background-color: transparent;
	color: #167AC6;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	padding: 0;
	margin-bottom: 6px;
}
.recent-vid .nav-tabs li:last-child a {
	margin-bottom: 0;
}
.recent-vid .nav-tabs li a span {
	display: none;
}
.recent-vid .nav-tabs li a:hover {
	background-color: transparent;
}
.recent-vid .nav-tabs li a:hover span {
	display: inline;
}
.recent-vid .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
	background-color: transparent;
	color: red;
	border: none;
}
.recent-vid .nav-tabs li.active a span {
	display: none;
}
.recent-vid .tab-content {
	padding: 0;
}
/*9-5 MASONRY*/
.grid-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.toggle {
	text-align: center;
	padding: 0;
	color: white;
}
.toggle li {
	display: inline;
	padding: 0 60px;
}
.toggle label {
	font-size: 1.2em;
	padding: 0 10px;
}
.grid {
	margin-top: -10px;
	width: 105%;
}
.masonry-item {
	width: 380px;
	margin: 10px 20px 10px 0;
	padding: 20px;
	background: #fbfbfb;
	border: 1px solid #ededed;
}
.masonry-item:hover {
	border: 1px solid #82c2c8;
}
.item:hover .title {
	opacity: 1;
}
.title {
	display: table-cell;
	vertical-align: middle;
	opacity: 0;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}
.expand {
	transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s;
	-webkit-transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s;
	height: 100%;
	width: 100%;
	left: 0 !important;
	top: 0 !important;
	z-index: 99;
	text-indent: -9999px;
}
.more {
	font-size: 14px;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding: 8px 0;
	display: block;
	margin-top: 10px;
}
.more span {
	font-size: 10px;
}
.title-icon {
	border-top: 1px solid #ededed;
	width: 100%;
	height: 30px;
	position: relative;
	text-align: left;
	color: #ion-android-image;
	margin-top: 15px;
	float: left;
}
.title-icon span {
	position: absolute;
	top: -16px;
	background: #1c1c1a;
	color: #fff;
	width: 36px;
	height: 32px;
	font-size: 24px;
	z-index: 100;
	text-align: center;
	line-height: 32px;
	margin-left: 10px;
}
.blog-item {
	margin-bottom: 15px;
}
.blog-item:hover img {
	opacity: 0.8;
}
.read-more, .read-more:focus {
	width: 100%;
	display: block;
	text-align: center;
	background: #0060A6;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
}
.read-more:hover {
	color: #fff;
	background: #1c1c1a;
	margin-bottom: 10px;
}
.read-more span {
	display: inline-block;
}
/*9-6 AUTHOR*/
.author-box {
	margin-bottom: 30px;
}
.related {
	margin-bottom: 10px;
}
.related .item {
	margin-right: 10px;
}
/*9-7 COMMENTS*/
.media {
	border-bottom: 1px solid #ededed;
	padding: 10px;
}
.media-body .time {
	padding-left: 10px;
	font-size: 12px;
}
.media-body h4 {
	display: inline-block;
}
.nested-rep {
	background: #ededed;
	border: 1px solid #e6e6e6;
	padding: 20px;
}
.nested-rep .media-heading {
	color: #1c1c1a;
}
.reply {
	color: #0060A6;
	font-size: 20px;
}
.reply:hover {
	color: #1c1c1a;
}
.opinion {
	margin-bottom: 20px;
}
.comment-form {
	margin-top: 10px;
}
.form-control {
	border: 1px solid #B7B2B2;
	min-height: 40px;
	box-shadow: none;
	color: #0060A6;
}
.form-control:focus {
	border-color: #ffc5bf;
	box-shadow: none;
}
/*9-8 FAQs*/
.panel {
	box-shadow: none;
}
.panel-title {
	color: #0060A6;
}
.panel-default, .panel-heading {
	border-color: #ededed
}
.panel-default > .panel-heading {
	background: #ededed;
}
.panel-body {
	border-color: #ededed;
}
/*9-9 contact*/
#map_canvas {
	display: block;
	width: 100%;
	height: 400px;
	margin-bottom: 20px;
}
.adress {
	border-left: 1px solid #ededed;
	padding-left: 20px;
	margin-left: 20px;
}
.adress strong {
	color: #1c1c1a;
}
.btn-danger {
	background: #d80404;
	border: 1px solid #c8040e;
}
.btn-danger:hover {
	background: #04b9ca;
	border: 1px solid #04b9ca;
}
/*9-10 home-2*/
.gallery div {
	margin-bottom: 5px;
}
.blogging-style .business {
	padding-bottom: 0;
}
.blogging-style .top-margin {
	margin-top: 10px;
}
.thumb-box {
	position: relative;
	width: 100%;
	height: 100%;
}

.thumb-box .img-thumbnail {
    width: 385px;
    height: 260px;
}

a .thumb-box span {
	width: 36px;
	height: 36px;
	background-color: #1c1c1a;
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	position: absolute;
	z-index: 100;
	top: 40%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover .thumb-box span {
	width: 36px;
	height: 36px;
	background-color: #1c1c1a;
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	position: absolute;
	opacity: 1;
	z-index: 100;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%)
}
.grad {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, red, yellow); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, red, yellow); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, red, yellow); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, red, yellow); /* Standard syntax */
}

/*------------------------------------*\
    10-MID COLUMN
\*------------------------------------*/

.mid-sec {
	min-height: 800px;
	border: 1px solid #ededed;
	background: #fbfbfb;
	padding-top: 5px;
}
.mid-sec .main-title {
	font-size: 14px;
}
.mid-sec .vid-thumb-outer {
	margin-bottom: 15px;
}
.mid-sec .list-unstyled li {
	padding-bottom: 0;
	float: left;
	width: 100%;
}
.rate {
	background-color: #0060A6;
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	width: 40px;
	margin-right: 8px;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
}
.list-group {
	margin-bottom: 5px;
}
.list-group-item {
	border:0;
    border-bottom: dashed 1px rgba(0,0,0, 0.2);
    position: relative;
    display: block;
    padding: 12px 5px 8px 5px;
    margin-bottom: -1px;
    background:none;
}
.list-group-item a {
	display: block;
    color: #d02527;
    /*font-size: 12px;*/
    font-weight: 600;
}
.list-group-item a:hover {
    color: #880b0b;
}
.list-group-item a:hover .badge {
	background: #d00202;
}
.list-group-item .badge {
	float: right;
}
/*------------------------------------*\
    11-RIGHT COLUMN
\*------------------------------------*/
/*11-1 ADVERTISEMENT AREA (336PX*280PX)*/
.sponsored, .sponsored:focus {
	    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: #0060A6;
    margin: 0 0 2px 0;
    padding: 3px 0 0 0;
    font-size: 12px;
    white-space: nowrap;
}
.sponsord-v {
	display: block;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	background: #0060A6;
	padding: 3px 0;
	font-size: 12px;
	height: 125px;
}
/*11-2 SOCIAL COUNTERS*/
.table {
	margin-bottom: 5px;
}
.table-bordered {
	border: 1px solid #ededed;
}
table-bordered th, .table-bordered td {
	border: 1px solid #ededed !important;
}
.social {
}
.social a p {
	color: #0060A6;
}
.social a:hover p {
	color: #fff;
}
.social tr {
	border: none !important;
}
.social td {
	padding: 0 !important;
}
.social a {
	color: #0060A6;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	padding: 5px;
}
.social p {
	margin: 0;
}
.social p span {
	font-size: 30px;
	text-align: center;
	display: block;
}
.rss:hover {
	background: #ed802e;
}
.twitter:hover {
	background: #45b0e3;
}
.facebook:hover {
	background: #3a5898;
}
.youtube:hover {
	background: #ce342c;
}
.vimeo:hover {
	background: #42b1df;
}
.dribbble:hover {
	background: #ea4c89;
}
.googleplus:hover {
	background: #34352f;
}
.pinterest:hover {
	background: #c82128;
}
.instagram:hover {
	background: #517ea5;
}
.bottom-border {
	border-bottom: 1px solid #ededed;
}
.right-border {
	border-right: 1px solid #ededed;
}
.table-responsive {
	text-align: center;
}
.bt-space {
	margin-bottom: 10px;
}
.tab-content {
	padding: 0 0 10px 0;
}
/*11-3 TABS*/
.nav-tabs {
	border-bottom: 1px solid #ededed
}
.nav-tabs>li {
    width: 100%;
    display: block;
}
.nav-tabs li a {
	background-color: #fff;
	color: #332f2f;
	/*font-weight: bold;*/
	/*text-transform: uppercase;*/
	border: none;
    padding: 5px;
	padding-right: 4px;
    padding-left: 4px;
}
.nav-tabs li.album a {
	background: #ddd;
}
.nav-tabs li a:hover {
	/*background-color: #78899b;*/
    color:red;
}
.nav-tabs li a:hover img {
	border:0;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
	    /* background-color: #1c1c1a; */
    color: #f9ff02;
    border: none;
    font-weight: 600;
}
.nav-tabs.nav-justified li {
	border-right: 1px solid #fff;
}
.nav-tabs.nav-justified li a {
	border-bottom: none;
    background:#ddd;
}
.nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus {
	background: #2962b3 !important;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
}

#comments p {
	font-size: 13px;
}
/*11-4 CALENDAR*/
.pickmeup {
	background: #fff;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: none;
	border: 1px solid #ededed;
	width: 99.5%;
	padding-bottom: 15px;
}
.pickmeup * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.pickmeup .pmu-instance {
	display: inline-block;
	height: 13.8em;
	padding: 5px;
	text-align: left;/*width: 15em;*/
}
.pickmeup .pmu-instance .pmu-button {
	color: #0060A6;
	cursor: pointer;
	outline: none;
	text-decoration: none;
}
.pickmeup .pmu-instance .pmu-today, .pickmeup .pmu-instance .pmu-today:hover {
	background: #0060A6;
	color: #fff !important;
}
.pickmeup .pmu-instance .pmu-button:hover {
	color: #1c1c1a;
}
.pickmeup .pmu-instance .pmu-not-in-month {
	color: #8d9aa5;
}
.pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover {
	color: #333333;
	cursor: default;
}
.pickmeup .pmu-instance .pmu-selected {
	background: #1c1c1a;
	color: #fff;
}
.pickmeup .pmu-instance .pmu-selected:hover {
	color: #fff;
}
.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
	background: #1c1c1a;
}
.pickmeup .pmu-instance nav {
	color: #1c1c1a;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: table;
	line-height: 2em;
	text-align: center;
}
.pickmeup .pmu-instance nav *:first-child :hover {
	color: #88c5eb;
	text-align: center;
}
.pickmeup .pmu-instance nav .pmu-prev, .pickmeup .pmu-instance nav .pmu-next {
	display: none;
	height: 2em;
	width: 1em;
}
.pickmeup .pmu-instance nav .pmu-month {
	text-align: center;
}
.pickmeup .pmu-instance .pmu-years *, .pickmeup .pmu-instance .pmu-months * {
	display: inline-block;
	line-height: 3.6em;
	width: 3.5em;
	text-align: center;
}
.pickmeup .pmu-instance .pmu-day-of-week {
	color: #0060A6;
	text-transform: uppercase;
	cursor: default;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding: 5px 0;
	margin: 10px 0;
}
.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * {
	display: inline-block;
	line-height: 30px;
	width: 46px;
	height: 32px;
	text-align: center;
}
.pickmeup .pmu-instance .pmu-day-of-week * {
	line-height: 1.8em;
	font-weight: 600;
}
.pickmeup .pmu-instance:first-child .pmu-prev, .pickmeup .pmu-instance:last-child .pmu-next {
	display: table-cell;
	color: #444;
}
.pickmeup .pmu-instance:first-child .pmu-month, .pickmeup .pmu-instance:last-child .pmu-month {
	width: 13em;
	color: #1c1c1a;
}
.pickmeup .pmu-instance:first-child:last-child .pmu-month {
	width: 12em;
	font-weight: bold;
	text-transform: uppercase;
	display: table-cell;
}
.pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {
	display: none;
}
/*------------------------------------*\
    12-FOOTER
\*------------------------------------*/

footer {
	/*border-top: 3px solid red;*/
	margin: 0;
	background-color: #ECF4FB;
        color: #222;
    font-size: 13px;
}
footer b, strong {
    font-size: 1em;
}

footer .top-sec a {
	color:#444;
}
footer .top-sec a:hover {
	color:red;
}
/*footer .top-sec .list-unstyled li {
    border-bottom: 1px solid #D1D7DC;
}*/
.search2 {
    position: relative;
    /* min-width: 240px; */
    width: 100%;
    max-width: 240px;
}
.search2 input {
	padding:3px 26px 3px 12px;
	height:auto;  
    width: 100%; 
    /*text-transform: uppercase;*/
	font-size:14px;
	position:relative;
	z-index:0;
    background-color: #fff;
    color: #000;
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
			border-radius: 12px;
}
.search2 a {
    position: absolute;
    top: 12px;
    right: 8px;
    color: #CCA205;
    z-index: 1;
}

ul#items2{		
		margin:0 auto;
		width:100%;
        max-height:320px;
		overflow:hidden;
		padding:0;
		list-style:none;
		} 
	ol#pagination2
	{overflow:hidden;
	    margin:3px 6px;
		height:auto;
		width:auto;
		overflow:hidden;
		padding:0;
	 }
	ol#pagination2 li{
		float:left;
		list-style:none;
		cursor:pointer;
	    margin:3px 6px;
		font-size:18px;
		}
	ol#pagination2 li.current{color:#307abd;font-weight:bold;}
.topic h3:hover {
color:red;
}
footer .top-sec {
    background-color: rgba(224, 242, 255, 0.8);
    padding: 20px 15px;
    border-top: 2px solid #167ac6;
    /*background: url('../images/foot.jpg') repeat top center;*/
}
/*footer .btm-sec {
	background-color: #fff;
}*/
footer .f-title {
	color: red;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0;
	margin-bottom: 5px;
}
footer p {
	color: #444;
}
footer .stars {
	color: #444;
}
.f-sub-info {
	color: #444;
}
.subscribe-info {
	border-right: 1px solid #486581;
	padding-right: 20px;
	min-height: 260px;
}
.subscribe-info form {
	position: relative;
}
.subscribe-info .form-control {
	width: 100%;
	padding-right: 35px;
}
.subscribe-info .btn {
	border: none;
	background: none;
	position: absolute;
	right: 0;
	top: -5px;
}
.subscribe-info .btn span {
	font-size: 24px;
}
.popular-tags {
	padding-right: 20px;
	padding-left: 20px;
	border-right: 1px solid #486581;
	height: 260px;
	overflow: hidden;
}
.tags {
	list-style: none;
}
.tags li {
	border-left: solid 2px #0060A6;
	position: relative;
	z-index: 1;
	background-color: #486581;
	float: left;
	margin: 2px 5px;
	text-align: center;
	border-bottom: none;
	padding-bottom: 0;
}
.tags.list-unstyled li:last-child {
}
.tags li:before {
	content: "";
	display: block;
	position: absolute;
	left: -6px;
	border-left: solid 4px #486581;
	width: auto;
	margin-top: 0;
	min-height: 100%;
	z-index: 10;
}
.tags li:hover {
	background: #1c1c1a
}
.tags li a {
	color: #fff;
	text-transform: capitalize;
	display: block;
	padding: 8px 10px;
}
.tags li a:hover {
	background: #1c1c1a;
}
.tags li:hover:before {
	border-color: #1c1c1a;
}
.recent-posts {
	padding-left: 20px;
}
.recent-posts .img-thumbnail {
	background: #4b6986;
	border: 1px solid #4f7396;
}
.recent-posts li a:hover .img-thumbnail {
	border: 1px solid #4f7396;
}
.recent-posts .list-unstyled li {
	border-bottom: none;
	margin-bottom: 5px;
	padding-bottom: 0;
}
.recent-posts .list-unstyled li h4 {
	color: #fff;
}
.btm-sec {
	margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid #B3B3B3;
    color: #333;
}
.btm-sec .list-inline li a {
	padding-right: 4px;
	padding-left: 4px;
	text-transform: uppercase;
	font-size: 12px;
	color: #0060A6;
}
.btm-sec .list-inline li a:hover {
	color: #1c1c1a;
}
.copyrights {
	font-size: 12px;
}
.f-social {
	text-align: center;
	/*padding-top: 10px;*/
}
.f-social a {
	    margin: 0 5px;
    border: 1px solid #ccc;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    display: inline-block;
}
.f-social ul li {
	padding: 0;
}
.f-social ul li a span {
	font-size: 16px;
	line-height: 36px;
	width: 36px;
	height: 36px;
}
.f-social ul li a:hover {
	color: #1c1c1a;
	border-color: #1c1c1a;
}
/*------------------------------------*\
    13-404 PAGE
\*------------------------------------*/
.wrong-icon {
	font-size: 200px;
	color: #0060A6;
	border-top: 1px solid #ededed;
}
.wrong-page {
	margin-top: 50px;
	margin-bottom: 50px;
}

/*------------------------------------*\
    14-MEDIA QUERIES
\*------------------------------------*/

@media (max-width:348px) {
    .navbar-inverse .navbar-nav li a, .navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:focus {
    font-size: 14px;
}
.grid .sub-info-bordered {
	height: 50px;
}
.grid .sub-info-bordered .stars {
	float: left;
}
.sec-topic .sub-info-bordered {
	height: 50px;
}
.sec-topic .sub-info-bordered .stars {
	float: left;
}
}

@media (max-width:767px) {
.navbar-inverse .navbar-nav li a, .navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:focus {
    font-size: 14px !important;
}   
.container-body {
    padding-left: 5px;
    padding-right: 5px;
}
 /*.navbar-brand img {
     height: auto; 
}*/   
     h4.kieu1 {
    height:auto;
    overflow:auto;
    }
    .adver .img-responsive {
    padding-left: 0;
    padding-top: 8px;
}
       .box2 img {
            height: auto;
        }
    .content {
padding:5px 0 10px 0;
}
    .header-toolbar ul.list-inline li {
    padding: 10px 6px 0 6px;
}
/*.header {
    background: url('../images/bg.jpg') no-repeat top left;
}*/
.navbar-header {
	float: none;
}
.navbar-toggle {
	display: block;
    margin-right: 15px;
        padding: 10px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.navbar-collapse {
        border-top: 1px solid transparent;
        background: #307abd;
        z-index: 999;
    }
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-nav {
	float: none!important;
	margin: 7.5px -15px;
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-collapse.collapse.in {
	display: block!important;
    overflow-x: hidden;
        padding: 0 25px;
}
.navbar-inverse .navbar-nav li a, .navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:focus {
    font-size: 13px;
}
.collapsing {
	overflow: hidden!important;
}
.navbar-inverse .dropdown-menu {
	background: none;
	border: none;
}
    .nav li {
        border-bottom: 1px solid #074573
    }
.dropdown-menu li {
	border-bottom: none;
}
.mega-menu {
	min-width: inherit;
	padding: 0;
}
.mega-menu a {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.nav-icn {
	float: right;
	margin-right: 10px;
}
.mega-sub {
	padding-bottom: 5px;
	min-height: inherit;
}
.open {
	background: #ed1b24;
}
.open li {
	border-bottom: 1px solid #d40523;
}
.open li a {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-left: 10px;
}
.open li:last-child {
	border-bottom: none;
}
.open .dropdown-toggle {
	background: #bb001b !important;
}
#scrollUp {
	bottom: 10px;
}
.main-title {
	font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 280px;
}
#time-date {
	text-align: left;
}
#weather {
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
}
.owl-prev, .owl-next {
	display: none;
}
.info {
	line-height: 54px;
}
.banner-outer .carousel-caption {
	font-size: 18px;
	line-height: 18px;
	padding-bottom: 20px;
}
.science {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ededed;
}
.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * {
	width: 27px;
}
.subscribe-info {
	min-height: inherit;
}
.popular-tags {
	height: auto;
	overflow: visible;
}
.subscribe-info {
	border-right: none;
	padding-right: 5px;
}
.popular-tags {
	padding-right: 5px;
	padding-left: 5px;
	border-right: none;
}
.recent-posts {
	padding-left: 5px;
}
.f-social .list-inline li {
	float: left;
}
.f-nav .list-inline li {
	padding-left: 0;
	margin-bottom: 5px;
}
.copyrights {
	text-align: left;
	margin-bottom: 5px;
}
.mid-sec .list-unstyled li {
	width: 100%;
	padding-bottom: 10px;
	float: left;
}
}

@media (min-width:768px) and (max-width:991px) {
.navbar-nav>li>a {
	padding: 15px 6px;
    font-size: 10px;
}
.mega-menu {
	min-width: 750px;
}
.mega-sub {
	border-right: none;
}
.last-update {
	font-size: 11px;
}
.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * {
	width: 27px;
}
.popular-tags {
	height: auto;
	overflow: visible;
}
}

@media (min-width: 850px) {
.search-container input {
	font-size: 2em;
}
.thumb-box .img-thumbnail {
    width: 385px;
    height: 260px;
}
}

@media (max-width:991px) {
.content {
padding:5px 5px 10px 0;
}
#sync2 .owl-wrapper-outer {
    height: 158px;
}

.navbar-inverse .navbar-nav li:first-child a {
	padding-left: 25px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border: none;
}
    .navbar-inverse .navbar-nav li a, .navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:focus {
        padding: 9px 6px 6px 6px !important;
    }
.owl-item img {
	display: block;
	max-width: 100%;
	height: auto;
}
.social a {
	font-size: 9px;
}
.nav-justified li a {
	font-size: 10px;
}
.breadcrumb {
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-left: 0;
}
}

@media (max-width:1080px) {
.grid {
	width: 100% !important;
	margin-top: 10px;
}
.masonry-item {
	width: 100%;
	margin: 0;
	padding: 0 0 20px 0;
	background: #fff;
	border: none;
}
.masonry-item:hover {
	border: none;
}
/*.header-toolbar {
    font-size: 9px;
}
.navbar-inverse .navbar-nav li a, .navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:focus {
    font-size: 9px;
}*/

}

@media (max-width: 1200px) {
    
.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * {
	width: 37px;
}
.popular-tags {
	padding-right: 20px;
	padding-left: 20px;
	border-right: 1px solid #486581;
	border-left: 1px solid #486581;
	overflow: visible;
	height: auto;
}
.right-img-top {
	height: 220px;
}
.right-img-top .box {
	height: 220px;
}
.right-img-btm {
	height: 218px;
}
.right-img-btm .box {
	height: 218px;
}
}

/* custom inclusion of right, left and below tabs */

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.tab-pane img {
    width:100%;
}

.righthome h4 {
    height:30px;
    overflow:hidden;
}
.relatenews {
 background: #eee;
    padding: 10px;
}
.frm-search {
float:right;
}

.frm-search .form-control {
    height: 30px;
    color: #0060A6;
    padding: 6px;
    min-height: inherit;
}
    .frm-search .btn-search {
        color: white;
        padding: 5px;
        margin-bottom: 5px;
        margin-top: 0;
        display: block;
        font-size: 1em;
        white-space: nowrap;
        background: #307abd;
        border-radius: 3px !important;
		outline: 0;
		border: 0;
    }
        .frm-search .btn-search:hover {
            background: #033e75;
        }
        .hot {
    padding: 5px 10px;
    background: #307abd;
    color: #fff;
    text-transform: uppercase;
}